$(function () {
    let id = sessionStorage.getItem("productId");
    findById(id);
})

function findById(id) {
    let res = myAjax("/product-detail", {id: id}, "get");
    console.log(res);
    // 需要判断根据当前id查询出数据的条数，进行分别赋值
    if (res.data.length == 1) {
        setLast(null);
        setData(res.data[0]);
        setNext(null);
    }
    if (res.data.length == 2) {
        if (id == res.data[0].id) {
            setLast(null);
            setData(res.data[0]);
            setNext(res.data[1]);
        } else {
            setLast(res.data[0]);
            setData(res.data[1]);
            setNext(null);
        }
    }
    if (res.data.length == 3) {
        // setData3(res.data);
        setLast(res.data[0]);
        setData(res.data[1]);
        setNext(res.data[2]);
    }
}

// function setData2(data) {
//     $("#last").html('上一个：' + data[0].name);
//     let html = '<div><img src=""></div>\n' +
//         '                    <div>产品名称：' + data[1].name + '</div>\n' +
//         '                    <div>价格：' + data[1].price + '</div>\n' +
//         '                    <div>' + data[1].content + '</div>';
//     $("#product").html(html);
//
//     $("#next").html('下一个：' + data[2].name);
// }
//
// function setData3(data) {
//     $("#last").html('上一个：' + data[0].name);
//     let html = '<div><img src=""></div>\n' +
//         '                    <div>产品名称：' + data[1].name + '</div>\n' +
//         '                    <div>价格：' + data[1].price + '</div>\n' +
//         '                    <div>' + data[1].content + '</div>';
//     $("#product").html(html);
//
//     $("#next").html('下一个：' + data[2].name);
// }

function setData(data) {
    let html = '<div><img src=""></div>\n' +
        '                    <div>产品名称：' + data.name + '</div>\n' +
        '                    <div>价格：' + data.price + '</div>\n' +
        '                    <div>' + data.content + '</div>';
    $("#product").html(html);
}

function setLast(data) {
    $("#last").html('<span onclick="findById(' + (data == null ? '' : data.id) + ')">上一个：' + (data == null ? "无" : data.name) + '</span>');
}

function setNext(data) {
    $("#next").html('<span onclick="findById(' + (data == null ? '' : data.id) + ')">下一个：' + (data == null ? "无" : data.name) + '</span>');
}